/*  CSS Document  */

/*  This file was provided as part of a weekly web design tutorial series.
	Sign-up for our newsletter, at http://codifydesign.com, to be notified
	about each new episode of CSS Shorts
*/

html { height: 100%;}

body {
	padding-top: 30px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	background-repeat: no-repeat;
	background-image: url(media/louvre.jpg);
	background-position: 50% bottom;
	background-size: cover;
}

#container {
	width: 90%; 
	margin: 0 auto; padding-top: 50%;
	border: 1px solid #ccc;
	display: none;
}

#container p {
	margin: 0; 
	padding: 20px;
	color: #fff; 
	background-color: rgba(0,0,0,.6);
}


